<template>
	<div class="page">
		<div class="notFoundBox">
			<div class="notFoundBody">
				<img v-bind:src="appConfig.staticUrl+'/img/404.png'" alt="" class="notFoundImg">
				<div class="notFoundTip">
					<p>抱歉，页面找不到，请检查地址</p>
				</div>
			</div>

		</div>
	</div>
</template>

<script>
	export default {}
</script>

<style lang="scss">
	html,
	body {
		height: 100%;
	}

	body {
		margin: 0;
	}

	img {
		max-width: 100%;
	}

	a, img {
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	#app {
		height: 100%;
	}

	.page {
		max-width: 425px;
		height: 100%;
		margin:0 auto;
	}

	.notFoundBox {
		position:relative;
		height: 100%;
		background: #f1f1f1;
		font-size: 15px;
		color: #666;
	}

	.notFoundBody {
		position: absolute;
		top: 20%;
		width: 100%;
		text-align: center;
	}

	.notFoundImg {
		width: 45%;
	}

	.notFoundTip {
		color: #333;
		margin-top: 20px;

		p {
			margin: 4px 0;
		}
	}
</style>